button{border:none!important;outline:0}
button,input[type=button],input[type=date],input[type=file],input[type=number],input[type=password],input[type=submit],select,textarea{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input[type=date]{cursor:pointer;-webkit-appearance:none}
button,input[type=button],input[type=reset],input[type=submit],input[type=text],select,textarea{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset}

@media screen and (min-width:1401px){
    .hidden-lb{display:none!important}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .logo>img{height:46px;}
    .head>.warpper{height:90px;}
    .company>ul>li{width:210px;}
    .video_text>h3{font-size:3rem;}
    .indexform_right>h3{font-size:2.4rem;}
    .indexform_left>ul li>div>small{font-size:1.4rem;}
    .news_left_top{padding:20px;}
    .zcoopbg>h2{font-size:3.8rem;}
    #indexform .code .verify{width:100%;}
    #indexform .code .verify img{width:100%;height:100%;object-fit:scale-down;}

}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper, .mycontainer{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .nav-bar li a{width:80px;}
    .searchshow form input[type=text]{width:180px;}
    .adv01{flex-wrap:wrap;}
    .adv01 li{width:49%;}
    .adv01 li small{font-size:1.4rem;}
    .logo>img{height:46px;}
    .head>.warpper{height:90px;}
    .company>ul>li{width:178px;}
    .company>ul>li div>small{font-size:3rem;}
    .title>h1,.title>h1 span{font-size:2.8rem;}
    .title>p{font-size:3rem;}
    .video_text>h3{font-size:2.5rem;}
    .circleBox{width:50px;height:50px;}
    .swiper-case{width:750px;height:440px;}
    .swiper-case .swiper-button-next{right:-84px;}
    .swiper-case .swiper-button-prev{left:-84px;}
    .indexform_right>h3{font-size:2.2rem;}
    .indexform_left>ul li>div>small{font-size:1.4rem;}
    .inpro_href>a{margin-left:15px;padding:0 20px;}
    .news_left_top{padding:20px;}
    .zcoopbg{padding-top:9vw;height:470px;}
    .zcoopbg>h2{font-size:3rem;line-height:60px;}
    .zcoopbg small{font-size:1.4rem;}
    .zcoopbg>p{margin:0 auto;width:70%;font-size:1.6rem;}
    #indexform .code .verify{width:100%;}
    #indexform .code .verify img{width:100%;height:100%;object-fit:scale-down;}
    .indexform_left{width:482px;}
    .indexform_right{width:calc(96% - 482px);}
    .indexform_left>ul li{width:100%;}
    .indexform_left>ul li img{height:70px;}
    .indexform_left>ul li>div>h4{font-size:2rem;}
    .downlist ul li{padding:4vw 0;}
    .downlist ul li>h3{margin-bottom:1vw;}
    .downlist ul li>div>a{line-height:40px;}
    .zadv02bg{padding:5vw 0;}
    .zadv02bg .warpper{flex-wrap:wrap;}
    .zadv02bg .warpper li{width:49%;}
    .zcom_album{height:325px;}


    /*NEWS*/
    .de-news-list ul li a .img_jz{height: 200px;}

    /*video*/
    .zplay li a>div{height:195px;}
    .zplay li a>p{line-height:45px;}

    /*product*/
    .inpro_text>p{font-size:2rem;}
    .zg_t_right>h4{font-size:2rem;}
    .zg_tags i{margin-top:10px;margin-right:7px;}
    .zg_tags{width:100%;}
    .zginfo_b_left{width:calc(98% - 260px);}
    .zginfo_b_right{width:260px;}
    .zg_typelist a{background-position:223px center;}
    .zg_tit h2{font-size:2.4rem;}
    .zginfo_b_left table tr td{padding:6px 10px!important;}
    .zginfo_03 ul{height:inherit;}
    .zginfo_03 ul li{margin-bottom:1vw;width:100%;}
    .zginfo_03 ul li>img{height:70px;}


}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper, .mycontainer{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .nav-bar li a{width:80px;}
    .searchshow form input[type=text]{width:180px;}
    .adv01{flex-wrap:wrap;}
    .adv01 li{width:49%;}
    .adv01 li small{font-size:1.4rem;}
    .logo>img{height:46px;}
    .head>.warpper{height:80px;}
    .head{position:sticky;top:0;z-index:10000;background:#fff;}
    .company>ul>li{width:156px;}
    .company>ul>li div>small{font-size:2.6rem;}
    .title>h1,.title>h1 span{font-size:2.8rem;}
    .title>p{font-size:3rem;}
    .indexpro_tit{flex-wrap:wrap;}
    .indexpro_tit .title{width:100%;}
    .inpro_href{margin-bottom:2vw;width:100%;justify-content:center;}
    .swiper-pro .swiper-slide>b{height:330px;}
    .video_text>h3{font-size:2rem;}
    .circleBox{width:50px;height:50px;}
    .swiper-case{width:600px;height:380px;}
    .swiper-case .swiper-button-next{right:-49px;}
    .swiper-case .swiper-button-prev{left:-49px;}
    .indexform .warpper{
        flex-wrap: wrap;
    }
    .indexform_left{width:100%;}
    .indexform_left>ul li>div>small{font-size:1.4rem;}
    .indexform_left>ul li img{height:70px;}
    .indexform_left>ul li>div>h4{font-size:2rem;}

    .indexform_right{width:100%;margin-top:4vw;padding:4vw;}
    .indexform_right>h3{font-size:2.2rem;}


    /*indexnews*/
    .news{flex-wrap:wrap;}
    .news>a{width:100%;}
    .newsul{margin-top:4vw;padding-top:3vw;width:100%;border-top:1px solid #ddd;}


    .inpro_href>a{margin-left:15px;padding:0 20px;}
    .news_left_top{padding:20px;}
    .zcoopbg{padding-top:9vw;height:470px;}
    .zcoopbg>h2{font-size:2.5rem;line-height:60px;}
    .zcoopbg small{font-size:1.4rem;}
    .zcoopbg>p{margin:0 auto;width:70%;font-size:1.6rem;}


    .downlist ul li{padding:4vw 0;}
    .downlist ul li>h3{margin-bottom:1vw;}
    .downlist ul li>div>a{line-height:40px;}
    .zadv02bg{padding:5vw 0;}
    .zadv02bg .warpper{flex-wrap:wrap;}
    .zadv02bg .warpper li{width:49%;}
    .zcom_album{height:325px;}


    /*NEWS*/
    .de-news-list ul li a .img_jz{height: 200px;}

    /*video*/
    .zplay li a>div{height:195px;}
    .zplay li a>p{line-height:45px;}

    /*product*/
    .swiperzpro{height:355px;}
    .zgoodslist li{width:100%;}
    .zg_other>a>b{height:90px;}
    .inpro_text>p{font-size:2rem;}
    .zg_t_right>h4{font-size:2rem;}
    .zg_tags i{margin-top:10px;margin-right:7px;}
    .zg_tags{width:100%;}
    .zginfo_b_left{width:100%;}
    .zginfo_b_right{display:none;}
    .zg_typelist a{background-position:223px center;}
    .zg_tit h2{font-size:2.4rem;}
    .zginfo_b_left table tr td{padding:6px 10px!important;}
    .zginfo_03 ul{height:inherit;}
    .zginfo_03 ul li{margin-bottom:1vw;width:100%;}
    .zginfo_03 ul li>img{height:70px;}

    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;}
    .hot{height:55px;}
    .hot_left a:last-of-type{display:none;}

    /*zcompany*/
    .zcom01{flex-wrap:wrap;}
    .zcom01 .com_right{width:100%;text-align:center;}
    .zcom01 .com_right img{object-fit:scale-down;}
    .zcom_left{margin-top:2vw;width:100%;}

}
@media only screen and (max-width: 767px){
    .warpper, .mycontainer{width:94%!important;}
    .hidden-xs{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .nav-bar li a{width:80px;}
    .searchshow form input[type=text]{width:180px;}
    .adv01{flex-wrap:wrap;height:initial;margin-bottom:9vw;}
    .adv01 li{width:100%;margin-top:8vw;}
    .adv01 li small{font-size:1.4rem;}
    .logo>img{height:30px;}
    .head>.warpper{height:55px;}
    .mnavbar{
        top: 55px;
        height: calc(100% - 55px);
        width: 208px;
    }
    .mnavbar li>a{
        padding-left: 34px;
    }
    .m_prolist a{
        padding-left: 45px;
    }
    .head{position:sticky;top:0;z-index:10000;background:#fff;}
    .company>ul{flex-wrap: wrap;}
    .company>ul>li{width:45%;}
    .company>ul>i{display:none;}
    .company>ul>li>img{
        width: 32px;
    }
    .company>ul>li div>small{font-size:2.6rem;}
    .title>h1,.title>h1 span{font-size:2.6rem;}
    .title>span{font-size: 1.3rem;}
    .title>p{font-size:2.3rem;}
    .indexpro_tit{flex-wrap:wrap;}
    .indexpro_tit .title{width:100%;}
    .inpro_href{display:none;}

    .swiper-pro .swiper-slide{
        flex-wrap: wrap;
        padding:7vw 0;
    }
    .inpro_text{
        width: 100%;
        order:3;
    }
    .swiper-pro .swiper-slide>b{height:210px;
        width: 100%;
        order:2;
        margin-bottom:6vw;
    }
    .video{
        height: 320px;
    }
    .video_text>img{
        width: 60px;
    }
    .float_box{
        display:none;
    }
    .video_text>h3{font-size:2rem;}
    .circleBox{width:50px;height:50px;margin-top:6vw;}
    .swiper-case{width:96%;height:225px;}
    .swiper-case .swiper-button-next{display:none;}
    .swiper-case .swiper-button-prev{display:none;}
    .swiper-case a>div>h4{
        font-size: 1.6rem;
    }
    .swiper-case a>div>small{
        font-size: 1.4rem;
    }
    .btn_style {
        line-height: 37px;
        width: 150px;
    }



    .indexform .warpper{
        flex-wrap: wrap;
    }
    .indexform_left{width:100%;}
    .indexform_left>ul li{
        width: 100%;
    }
    .indexform_left>ul li>div>small{font-size:1.4rem;}
    .indexform_left>ul li img{height:63px;}
    .indexform_left>ul li>div>h4{font-size:1.8rem;}
    .indexform_tel{justify-content: center;}
    .indexform_tel>div{display:none;}
    .indexform_tel .btn_style{width:175px;}
    .indexform_right{width:100%;margin-top:4vw;padding:4vw;}
    .indexform_right>h3{font-size:2.2rem;}

    #indexform .code .verify img{
        width: 100%;
        object-fit: scale-down;
    }


    .zcom_album{height:initial;}
    .zcom_album a{
        height: 31vw;
        width: 49%;
    }
    .zcom_album a:first-of-type{
        width: 100%;
        margin-bottom: 2vw;
        height: 62vw;
    }


    /*indexnews*/
    .news{flex-wrap:wrap;}
    .news>a{width:100%;}
    .newsul{margin-top:4vw;padding-top:3vw;width:100%;border-top:1px solid #ddd;}


    .inpro_href>a{margin-left:15px;padding:0 20px;}
    .news_left_top{padding:10px;}
    .zcoopbg{padding-top:9vw;height:470px;}
    .zcoopbg>h2{font-size:2.2rem;line-height:60px;}
    .zcoopbg small{font-size:1.2rem;}
    .zcoopbg>p{margin:0 auto;    width: 90%;
        font-size: 1.4rem;}


    .downlist ul li{padding:4vw 0;}
    .downlist ul li>h3{margin-bottom:1vw;}
    .downlist ul li>div>a{line-height:40px;}
    .zadv02bg{padding:5vw 0;}
    .zadv02bg .warpper{flex-wrap:wrap;}
    .zadv02bg .warpper li{width:100%;}

    .news_left_top>h4 {
        font-size: 1.8rem;
        height: 51px;
    }
    .news_left_top>p{
        font-size: 1.4rem;
    }
    .news_text h4{
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    .news_text small{
        line-height: 25px;
        font-size: 1.4rem;
    }
    .news_text {
        width: calc(98% - 92px);
    }
    .date {
        width: 92px;
    }
    .date>h5 {
        font-size: 3.7rem;
    }
    .date>small {
        font-size: 1.6rem;
    }

    .fot_topbg{
        display:none;
    }
    .fot_mid{
        flex-wrap: wrap;
    }
    .fot_mid_left{
        width: 100%;
    }
    .fot_mid_right{
        width: 100%;
    }
    .fot_mid_right>small{
        display:none;
    }
    .fot_mid_left>ul li{
        line-height: 28px;
    }
    .fot_mid_right>div{
        background: url(../images/fottel.png) no-repeat left center;
        padding-right: 0;
        padding-left: 60px;
        margin-top:6vw;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 6vw;
    }
    .fot_mid_right>div>p{
        text-align: left;
    }
    .fot_mid_right>div>h3{
        text-align: left;
    }
    .fot_bot .warpper>a{
        display:none;
    }
    .fot_bot{
        line-height: 24px;
        height: initial;
        padding:10px 0;
    }
    /*NEWS*/
    .de-news-list ul li a .img_jz{height: 200px;}

    /*video*/
    .zplay li a>div{height:195px;}
    .zplay li a>p{line-height:45px;}

    /*product*/
    .swiperzpro{height:76vw;}
    .swiperzpro .swiper-pagination {
        width: 45px;
        height: 45px;
        line-height: 45px;
        right: 14px;
        bottom: 16px;
    }
    .zgoodslist li{width:100%;flex-wrap: wrap;}
    .zg_other>a>b{height:90px;}
    .inpro_text>p{font-size:2rem;}
    .zg_t_right>h4{font-size:2rem;}
    .zg_tags i{margin-top:10px;margin-right:7px;}
    .zg_tags{width:100%;}
    .zginfo_b_left{width:100%;}
    .zginfo_b_right{display:none;}
    .zg_typelist a{background-position:223px center;}
    .zg_tit h2{font-size:2.4rem;}
    .zginfo_b_left table tr td{padding:6px 10px!important;}
    .zginfo_03 ul{height:inherit;}
    .zginfo_03 ul li{margin-bottom:1vw;width:100%;}
    .zginfo_03 ul li>img{height:70px;}

    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;}
    .hot{height:55px;}
    .hot_left{
        display:none;
    }
    .hot_left a:last-of-type{display:none;}
    .searchshow{
        width: 100%;
        border-left:none;
        border-right:none;
    }


    .zinpro_href{
        flex-wrap: wrap;
        width: 96%;
        justify-content: space-between;
        margin:0 auto;
    }
    .zinpro_href>a{
        width: 49%;
        margin:0;
        margin-bottom: 10px;
        padding: 0 15px;
        text-align: center;
    }
    .zgoodslist li>b{
        width: 100%;
        margin-bottom: 6vw;
    }
    .inpro_text>div{
        display:flex;
        justify-content: center;
    }
    .inpro_text>div a{
        margin:0 10px;
    }

    .zginfo_top{
        flex-wrap: wrap;
    }
    .zg_t_left{
        width: 100%;
        margin-bottom: 6vw;
    }
    .zg_t_right{
        width: 100%;
    }
    .zginfo_b_left .bg-white{
        padding:15px;
    }
    .zg_change_top>a{
        line-height: 45px;
    }
    .newsPage{
        flex-wrap: wrap;
    }
    .newsPage .page-a{
        width: 100%;
    }
    .de-contact .contact-map #dituContent{
        height: 350px;
    }
    .zcontact>h1{
        display:none;
    }
    .de-contact .contact-list ul li{
        width: 100%;
    }
    .de-contact .contact-list ul li:last-of-type{
        width: 100%;
    }
    /*zcompany*/
    .com01{flex-wrap:wrap;}
    .com_right{width:100%;text-align:center;height: 66vw;}
    .com_right img{object-fit:scale-down;}
    .com_left{margin-top:2vw;width:100%;}

    .de-news-list ul li{
        float:none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 8vw;
        border-bottom: 1px solid #ddd;
        padding-bottom: 6vw;
    }
    .news-detail-content .news-detail{
        padding:0;
    }

    .zplay li{
        width: 100%;
        float:none;
        margin-right: 0;
    }
    .cont_left,.cont_right{
        width: 100%;
        float:none;
    }
    .cont_right{
        border-left: none;
    }
    .iframe-video{
        height: 59vw;
    }



    #layui-layer1{
        width: 96%!important;
    }


}